<template>
  <fragment>
    <div class="sea-flower-item">
      <el-card shadow="never">
        <sea-table-title slot="header" title="信息卡"></sea-table-title>

        <!-- 信息卡样式 1-->
        <div class="info-box">
          <span class="info-box-icon bg-red"><i class="fa fa-google-plus"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">Likes</span>
            <span class="info-box-number">41,410</span>
            <br/>
            <article class="info-box-more pull-right">
              <span class="description-percentage text-green">环比：<i class="fa fa-caret-up"></i> 20%</span>
              <span class="description-percentage text-red">等比：<i class="fa fa-caret-down"></i> 18%</span>
            </article>
          </div>
        </div>
      </el-card>
    </div>
    <div class="sea-flower-item">
      <el-card shadow="never">
        <sea-table-title slot="header" title="信息卡"></sea-table-title>

        <div class="info-box">
          <span class="info-box-icon bg-green"><i class="fa fa-google-plus"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">Likes</span>
            <span class="info-box-number">41,410</span>
            <br/>
            <article class="info-box-more pull-right">
              <span class="description-percentage text-green">环比：<i class="fa fa-caret-up"></i> 20%</span>
              <span class="description-percentage text-red">等比：<i class="fa fa-caret-down"></i> 18%</span>
            </article>
          </div>
        </div>
      </el-card>
    </div>
  </fragment>
</template>

<script>
export default {
    name: "InfoBox1"
}
</script>

<style scoped>
</style>